<template>
    <div class="msgTopBar">
        <div @click="back">
            <span  class="iconfont icon-xiazai6"></span>
            <span class="name">{{title}}</span>
        </div>
        <div>
            <span v-if="isuser" class="iconfont icon-gengduo"></span>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        title: String,
        isuser: Boolean
    },
    data(){
        return {}
    },
    methods:{
        back(){
            this.$router.back();
        }
    }
    
}
</script>
<style lang="scss" scoped>
.msgTopBar{
    height: $topNavHeight;
    background: $Navbar_bg_color;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.7rem;
    .icon-xiazai6,
    .name{
        font-weight: bold;
    }
    .icon-xiazai6{
        padding-right: 0.2rem; 
    }
    .name{
        font-size: 1rem;
    }
}

</style>


